.my_work_init{
    width: 91px;
    height: 91px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.7);
    box-shadow: 0px 10px 60px 0px rgba(77, 124, 254, 0.2);
    overflow: hidden;
    h4{
        color: rgba(255, 255, 255, 1);
        font-size: 12px;
        text-align: center;
        font-family: AlibabaPuHuiTi_2_75_SemiBold;
        line-height: 28px;
        background-color: rgba(255, 207, 83, 1);
        margin:0;
    }
    span{
        display: block;
        height:21px;
        border-bottom: 1px solid rgba(228, 230, 232, 1);
    }
}
.my_work_list{
    width: auto;
    height: auto;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 10px 40px 0px rgba(77, 124, 254, 0.1);
    border-radius: 8px;
    overflow: hidden;
    .my_work_list_tit{
        height: 44px;
        background-color: rgba(247, 187, 0, 1);
        .my_work_list_tit_icon{
            width: 25.04px;
            height: 14px;
            float: left;
            background: #fff;
            margin-left:14px;
            margin-top:15px;
            position: relative;
            border-radius: 2px;
            img{
                width:14px;
                position: relative;
                transform: translate(37%, -41%);
            }
            div:first-of-type{
                width: 14px;
                height: 15px;
                background: #fff;
                position: absolute;
                top: 10px;
                transform: rotate(-133deg) skew(-13deg, 166deg);
                top: -7px;
                left: 5.5px;
                border-radius: 2px;
            }
            div:last-of-type{
                width: 14px;
                height: 15px;
                background: #fff;
                position: absolute;
                top: 10px;
                transform: rotate(-133deg) skew(-13deg, 166deg);
                top: 6px;
                left: 5.5px;
                border-radius: 2px;
            }
        }
        h4{
            line-height: 24px;
            color: rgba(255, 255, 255, 1);
            font-size: 14px;
            font-family: Alibaba-PuHuiTi-R;
            margin-left:9px;
            float: left;
            margin-top:10px;
        }
        span{
            float: right;
            line-height: 24px;
            color: rgba(255, 255, 255, 1);
            font-size: 12px;
            font-family: AlibabaPuHuiTi_2_75_SemiBold;
            margin-top:11px;
            cursor: pointer;
            img{
                width: 8.6px;
                height:9.8px;
                margin-right:15px;
                margin-left:5px;
                position: relative;
                top:-1px;
            }
        }

    }
    .my_work_list_con{
     padding:0 8px 17px;
     div{
        width: 100%;
        height:36px;
        line-height:36px;
        border-bottom: 1px solid rgba(230, 232, 240, 1);
        .ant-checkbox-inner:after{
            width: 3px;
            height: 6px;
            left: 2.2px;
            top: 4.4px;
            border-width: 1.8px;
        }
        .ant-checkbox-checked +span{
            text-decoration: line-through;
            color: rgba(112, 112, 112, 1);
        }
        .ant-checkbox-checked>.ant-checkbox-inner{
            border:none  !important;
            background-color: rgba(99, 176, 255, 1);
        }
        .ant-checkbox-wrapper{
            width: 100%;
            height: 36px;
            line-height: 36px;
            position: relative;
            span:last-of-type{
                text-overflow: ellipsis;
                overflow: hidden;
                font-size: 12px;
                position: relative;
                top: -1px;
            }
            .ant-checkbox-inner{
                width: 10px;
                height:10px;
                border: 0.73px solid rgba(4, 7, 30, 1);
                border-radius: 2px;
                padding-left:6px;
                top: 1px!important;
            }
        }
     }
    }
}
.my_work_more_modal{
    width: calc(100vw - 80px);
    height: 100vh;
    background: rgba(255,255,255,0.4);
    box-shadow: 0px 10px 60px 0px rgba(77,124,254,0.2);
    border-radius: 8px;
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    position: fixed;
    left: 80px;
    top:0;
    .my_work_more_modal_center{
        width:832px;
        height:494px;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0px 10px 60px 0px rgba(77, 124, 254, 0.2);
        .my_work_more_modal_center_tit{
            height: 43px;
            background-color: rgba(247, 187, 0, 1);
            border-bottom: 1px solid rgba(230, 232, 240, 1);
            .my_work_more_modal_center_tit_icon{
                width: 25.04px;
                height: 14px;
                float: left;
                background: #fff;
                margin-left:14px;
                margin-top:15px;
                position: relative;
                border-radius: 2px;
                img{
                    width:14px;
                    position: relative;
                    transform: translate(37%, -41%);
                }
                div:first-of-type{
                    width: 14px;
                    height: 15px;
                    background: #fff;
                    position: absolute;
                    top: 10px;
                    transform: rotate(-133deg) skew(-13deg, 166deg);
                    top: -7px;
                    left: 5.5px;
                    border-radius: 2px;
                }
                div:last-of-type{
                    width: 14px;
                    height: 15px;
                    background: #fff;
                    position: absolute;
                    top: 10px;
                    transform: rotate(-133deg) skew(-13deg, 166deg);
                    top: 6px;
                    left: 5.5px;
                    border-radius: 2px;
                }
            }
            >h4{
                line-height: 24px;
                color: rgba(255, 255, 255, 1);
                font-size: 14px;
                font-family: Alibaba-PuHuiTi-R;
                margin-left:9px;
                float: left;
                margin-top:10px;
            }
            >span{
                float: right;
                margin-right: 24px;
                margin-top:8px;
                position: relative;
                >img{
                    cursor: pointer;
                }
                >img:first-of-type{
                    width: 10.67px;
                    height: 2.67px;
                    padding:10px 0;
                    margin-right:22px;
                    box-sizing: content-box;
                }
                >img:last-of-type{
                    width: 12px;
                    height: 12px;
                }
                div{
                    position: absolute;
                    width: 115px;
                    height: 45px;
                    border-radius: 6px;
                    background-color: rgba(255, 255, 255, 1);
                    box-shadow: 0px 10px 60px 0px rgba(77, 124, 254, 0.2);
                    line-height: 30px;
                    font-size: 12px;
                    font-family: Alibaba-PuHuiTi-R;
                    left: -93px;
                    z-index:1;
                    cursor: pointer;
                    h4{
                        display: block;
                        width:100%;
                        line-height: 30px;
                        color: rgba(112, 112, 112, 1);
                        font-size: 12px;
                        margin:0;
                        margin-top:8px;
                        font-family: Alibaba-PuHuiTi-R;
                        img{
                            margin-left:18px;
                            margin-right:11px;
                            position: relative;
                            top:-2px;
                        }
                    }
                    span{
                        display: block;
                        width:99px;
                        height:1px;
                        margin:0 auto;
                        background: rgba(230, 232, 240, 1);
                    }
                }

            }

        }
        .my_work_more_modal_content{
            display: flex;
            flex:inherit;
        }
        .my_work_more_modal_content>div:first-of-type{
            width:230px;
            height:450px;
            background-color: rgba(255, 255, 255, 0.6);
            display: flex;
            flex-flow: column;
            box-shadow: 0px 10px 60px 0px rgba(77, 124, 254, 0.2);
            .my_work_more_modal_content_left_top{
                margin:6px 12px;
                width: 206px;
                height: 24px;
                border-radius: 4px;
                background-color: rgba(255, 255, 255, 1);
                border: 0.5px solid rgba(112, 112, 112, 1);
                overflow: hidden;
                display: flex;
                flex-flow: nowrap;
                input{
                    padding:0;
                    padding-left:14px;
                    height: 23px;
                    line-height: 23px;
                    border:none;
                    outline: none;
                    font-size: 12px;
                    flex:1
                }
                input::placeholder{
                    color: rgba(187, 187, 187, 1);
                    font-family: AlibabaPuHuiTi_2_55_Regular;
                }
                div{
                    width: 22px;
                    margin:3px 0;
                    border-left:1px solid rgba(187, 187, 187, 1) ;
                    cursor: pointer;
                    img{
                        width: 12.33px;
                        height: 12.33px;
                        margin:2px auto 0;
                        display: block;
                    }
                }
            }
            .my_work_more_modal_content_left_center{
                flex:1;
                overflow-y: auto;
                overflow-x: hidden;
                div{
                    width:100%;
                    height:36px;
                    line-height: 36px;
                    color: rgba(112, 112, 112, 1);
                    font-family: AlibabaPuHuiTi_2_55_Regular;
                    border-bottom: 1px solid rgba(230, 232, 240, 1);
                    display: flex;
                    flex-flow: inherit;
                    cursor: pointer;
                    img{
                        width:15px;
                        height:15px;
                        margin-top:10px;
                        padding-right:8px;
                        padding-left:23px;
                        box-sizing: content-box;
                    }
                    h4{
                        flex:1;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        white-space: nowrap;
                        color: rgba(112, 112, 112, 1);
                        font-size: 12px;
                        font-family: AlibabaPuHuiTi_2_55_Regular;
                    }
                    span{
                        padding-right:16px;
                        color: rgba(112, 112, 112, 1);
                        font-size: 12px;
                        font-family: AlibabaPuHuiTi_2_55_Regular;
                        padding-left:10px;
                    }
                    input{
                        height: 26px;
                        border-radius: 2px;
                        background-color: rgba(99, 176, 255, 0.2);
                        border: none;
                        outline: none;
                        margin-top:5px;
                        flex:1;
                        padding-left:5px;
                        min-width: 100px;
                    }
                }
                .my_work_more_modal_content_left_center_active{
                    background-color: rgba(99, 176, 255, 0.1);
                    border-bottom: 1px solid rgba(99, 176, 255, 1);
                    color: rgba(99, 176, 255, 1);
                    input{
                        color: rgba(112, 112, 112, 1);
                    }
                    .my_work_more_modal_content_left_center_active_del{
                        width: 16.67px;
                        height: 17.08px;
                        padding-right: 14px;
                        padding-left:10px;
                    }
                }
            }
            .my_work_more_modal_content_left_bottom{
                width:206px;
                height:32px!important;
                line-height:32px;
                background-color: rgba(255, 255, 255, 1);
                text-align: center;
                height: 17px;
                color: rgba(4, 7, 30, 1);
                font-size: 12px;
                font-family: AlibabaPuHuiTi_2_55_Regular;
                cursor: pointer;
                margin:0  auto 9px;
                h4{
                    display: block;
                    margin:0;
                }
                img{
                    width:12px;
                    height:12px;
                    margin-right:7px;
                    position: relative;
                    top: -2px;
                }
            }
        }
        .my_work_more_modal_content>div:last-of-type{
            flex:1;
            padding:0 25px;
            background-color: rgba(255, 255, 255, 0.4);
            display: flex;
            flex-flow: column;
            .my_work_more_modal_content_right_top{
                flex:1;
                width:552px;
                margin:0 auto;
                >div{
                    height:36px;
                    line-height: 36px;
                    border-bottom: 1px solid rgba(230, 232, 240, 1);
                    display: flex;
                    flex-flow: nowrap;
                    .ant-checkbox-inner:after{
                        width: 3px;
                        height: 6px;
                        left: 2.2px;
                        top: 4.4px;
                        border-width: 1.8px;
                    }
                    .ant-checkbox-checked +span{
                        text-decoration: line-through;
                        color: rgba(112, 112, 112, 1);
                    }
                    .ant-checkbox-checked>.ant-checkbox-inner{
                        border:none  !important;
                        background-color: rgba(99, 176, 255, 1);
                    }
                    .ant-checkbox-wrapper{
                        flex:1;
                        width: 472px;
                        height: 36px;
                        line-height: 36px;
                        position: relative;
                        span:last-of-type{
                            text-overflow: ellipsis;
                            overflow: hidden;
                            font-size: 12px;
                            position: relative;
                            top: -1px;
                        }
                        .ant-checkbox-inner{
                            width: 10px;
                            height:10px;
                            border: 0.73px solid rgba(4, 7, 30, 1);
                            border-radius: 2px;
                            padding-left:6px;
                            top: 1px!important;
                        }
                    }
                    .my_work_more_modal_content_right_top_del{
                        width: 13.33px;
                        height: 13.67px;
                        margin-right: 10px;
                        margin-top:11px;
                        cursor: pointer;
                    }
                }
            }
            .my_work_more_modal_content_right_bottom{
                width:552px;
                margin:0 auto 18px;
                height: 32px;
                background-color: rgba(99, 176, 255, 0.2);
                border-radius: 8px 8px 0 8px;
                input{
                    width:100%;
                    height:100%;
                    text-indent: 11px;
                    font-size: 12px;
                    font-family: Alibaba-PuHuiTi-R;
                    border: none;
                    outline: none;
                    background: transparent;
                }
                input::placeholder{
                    font-size: 12px;
                    color: rgba(187, 187, 187, 1);
                    font-family: Alibaba-PuHuiTi-R;
                }
            }
        }

    }
}
